<%- include("../header.ejs")-%>
<el-header style="font-size: 12px">
</el-header>
<el-main>
    <template>
        <el-table :data="tableData" style="width: 100%" size="small">
            <el-table-column label="船长" width="250">
                <template slot-scope="scope">
                    <span style="margin-left: 10px">{{ scope.row.name }}({{ scope.row.captain_id }})</span>
                </template>
            </el-table-column>

            <el-table-column prop="class" label="爵位" width="80"></el-table-column>

            <el-table-column prop="level" label="等级" width="80"></el-table-column>

            <el-table-column prop="exp" label="技能经验" width="80"></el-table-column>

            <el-table-column label="上阵" width="150">
                <template slot-scope="scope">
                    <el-tag :type="scope.row.ready==false?'danger':'success'">
                        {{ scope.row.ready | stateChange }}
                    </el-tag>
                </template>
            </el-table-column>

        </el-table>

    </template>
</el-main>
<el-footer style="text-align: right; font-size: 12px">

</el-footer>

<%- include("../footer.ejs")-%>

<script>

    new Vue({
        router,
        el: '#app',
        data: {
            lock: false,
            tableData: [],
            currentPage1: 1,
            dialogVisible: false,
            formInline: { role_id: '', name: '' },
            form: { vip: 0, level: 0, }
        },
        created: function () {

            var _this = this
            _this.tableData = <%- data %>

        },
        filters: {
            stateChange(data) {
                if (data == false) {
                    return "流放";
                }
                if (data == 1) {
                    return "正常";
                }

            }
        },
        methods: {
        }
    })

</script>